<template>
	<view class="container">
		<template v-if="activityList.length > 0">
			<view class="list_cont" v-for="v in activityList" :key="v.id" @click="goPage('/pages/activity/detail/index',{id:v.id})">
				<view class="cont_img">
					<img-item :src="v.poster"></img-item>
				</view>
				<view class="cont_detail">
					<view class="detail_1">
						<text>{{v.name}}</text>
					</view>
					<view class="detail_2">
						<rich-text class="introduction_text" :nodes="v.introduce"></rich-text>
					</view>
					<view class="detail_3">
						<text class="p1">报名费用：</text>
						<text class="p1">{{v.registrationFee}}</text>
						<text class="p1">积分</text>
					</view>
				</view>
			</view>
		</template>
		<view v-else class="no_data">
			<image class="processing-icon" src="../../../static/image/user/processing.png"></image>
			<view class="processing-text">暂无数据~</view>
		</view>
	</view>
</template>

<script>
	import {
		activityList
	} from "@/http/api";
	export default {
		data() {
			return {
				activityList:null
			};
		},
		onLoad(e) {
			this.$request({
				url: activityList
			}).then(res => {
				console.log(res);
				this.activityList = res;
			})
		},
	}
</script>

<style lang="scss">
	@import  "./list.scss";
</style>
